/* builder css */

@import 'share';
@import 'styleset';
/*/////////////////////*/
/* builder */
/*/////////////////////*/

/*ヘッダー*/

div#specialbox_row {
background-color: #fff;
@include backcolor(0,'img',#000000);
@include clearfix;
}
div.backcolor {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;}
	
div.backcolor div.color {
max-height:200px;
}

div.backcolor div.cover img {
    position:absolute;
    right:250px;
    top:0;
}

div.header h1{
	font-size: 1.786em;
	font-weight: normal;
	color: #fff;
	margin: 0.5em 0;
	display: block;
}

div.header h2{
	font-size: 0.857em;
	font-weight: normal;
	color: $main_color2;
	margin: 1em 0;
	font-family: $gothicfont;
	color: #fff;

}


div.header_box {
    height:200px;
}

div.header {
    position:relative;
    top:30px;
    left: 20px;
    z-index:100;
} 

} 

/*ヘッダー*/


section#blog header{
	margin: 10px 0 0 0;	
}

div#blogimg {
border-top:38px solid $sub_color4;
position: relative;
} 

div#blogimg div.right{
padding: 0 2em;
}

div#blogimg h1{
margin:0.5em 0 ;
font-family: $gothicfont;
}

div#blogimg h2{
font-family: $gothicfont;
font-size: 1.076em;
}

div#blogimg img{
position: relative;
top:-20px;
left:20px;
   -webkit-box-shadow: 0px 10px 7px rgba(0,0,0,.2);
   -moz-box-shadow: 0px 10px 7px rgba(0,0,0,.2);
   box-shadow: 0px 10px 7px rgba(0,0,0,.2);
  	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

article{
text-align: center;
}

article p{
text-align: left;
}

article h3{
	font-size: 1.071em;
	font-weight: normal;
	background-color: $other_color6;
	padding: 1% 2%;
	margin: 1em 0;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.out{
	border: 1px solid $main_color4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 1em 2em;
	margin: 1em 0 0 0;	
}

section#blog_side{
	padding: 200px 0 0 0;
}

section#blog_side ul li{
	-webkit-box-shadow: 3px 0px 7px rgba(0,0,0,.5);
	-moz-box-shadow: 3px 0px 7px rgba(0,0,0,.5);
	box-shadow: 3px 0px 7px rgba(0,0,0,.5);	
	border: 1px solid $main_color4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 1em 2em;
	margin: 0 0 1em 0;
	height: 300px;
}

section#blog_side ul li p{
	margin: 0.5em 0 0 0;
}